<!DOCTYPE html>
<html>
<head>
	<title>Trebuchet - Maintenance Styles</title>
	
	<meta charset="UTF-8">
	<meta name="keywords" content="Trebuchet world domination strategy game">
	<meta name="description" content="Trebuchet, an online strategy game">
	
	<link rel="stylesheet" type="text/css" href="css/master.css">
</head>
<body id="Maint">

<header>
		<h1><a href="index.html">Trebuchet <small>Alpha</small></a></h1>
		<nav>
			<ul>
				<li><a class="zing" href="base.html">Start Game</a></li>
				<li><a href="maint.html">Dashboard</a></li>
				<li><a href="settings.html">Settings</a></li>
				<li><a href="signout.html">Sign Out</a></li>
			</ul>
		</nav>
		<div class="clear"></div>
</header>

<!-- Wrapper -->
<div id="Wrapper">

	<!-- Controls -->
	<section class="Controls">
		<p class="error">This is an error message.</p>
		<div class="row">
			<div class="label">
				<label>Text field:</label>
			</div>
			<div class="field">
				<input type="text" size="30"/>
			</div>
		</div>
		<div class="row">
			<div class="label">
				<label>Disabled field:</label>
			</div>
			<div class="field">
				<input type="text" size="30" disabled="disabled"/>
			</div>
		</div>
		<div class="row">
			<div class="label">
				<label class="error">Error field:</label>
			</div>
			<div class="field">
				<input class="error" type="text" size="30"/>
			</div>
		</div>
		<div class="row">
			<div class="label">
				<label>Password field:</label>
			</div>
			<div class="field">
				<input type="password" size="30"/>
			</div>
		</div>
		<div class="row">
			<div class="label">
				<label>Text box:</label>
			</div>
			<div class="field">
				<textarea cols="30" rows="5"></textarea>
			</div>
		</div>
		<div class="row">
			<div class="label">
				<label>Select menu:</label>
			</div>
			<div class="field">
				<select>
					<option>Option 1</option>
					<option>Option 2</option>
					<option>Option 3</option>
					<option>Option 4</option>
				</select>
			</div>
		</div>
		<div class="row">
			<div class="label">
				<label>Check box list:</label>
			</div>
			<div class="field">
				<input type="checkbox"/> Option 1<br/>
				<input type="checkbox"/> Option 2<br/>
				<input type="checkbox"/> Option 3<br/>
				<input type="checkbox"/> Option 4
			</div>
		</div>
		<div class="row">
			<div class="label">
				<label>Radio button list:</label>
			</div>
			<div class="field">
				<input type="radio"/> Option 1<br/>
				<input type="radio"/> Option 2<br/>
				<input type="radio"/> Option 3<br/>
				<input type="radio"/> Option 4
			</div>
		</div>
		<div class="row">
			<div class="field">
				<input type="submit" value="Submit"/>
				<input type="submit" value="Disabled" disabled="disabled"/>
			</div>
		</div>
	</section>
	<!-- / Controls -->
	
	<!-- Grid -->
	<section class="Grid">
		<table class="Data">
		 <tr>
		  <th>No.</th>
		  <th>Pos.</th>
		  <th>Player</th>
		 </tr>
		 <tr>
		  <td>9</td>
		  <td>C</td>
		  <td>Derek Roy</td>
		 </tr>
		 <tr>
		  <td>26</td>
		  <td>LW</td>
		  <td>Thomas Vanek</td>
		 </tr>
		 <tr>
		  <td>29</td>
		  <td>RW</td>
		  <td>Jason Pominville</td>
		 </tr>
		 <tr>
		  <td>36</td>
		  <td>RW</td>
		  <td>Patrick Kaleta</td>
		 </tr>
		 <tr>
		  <td>42</td>
		  <td>LW</td>
		  <td>Nathan Gerbe</td>
		 </tr> 
		</table>
	</section>
	<!-- / Grid -->
	
	<div class="clear"></div>

	<footer>
		&copy;2012 Algonquin Studios
	</footer>

</div>
<!-- / Wrapper -->

</body>
</html>